.gedetails {
    width: 100%;
    height: 100%;
}

.gedetails-nav {
    width: 100%;
    height: 60px;
    float: left;
    line-height: 60px;
}

.gedetails-content {
    width: 90%;
    height: calc(100% - 60px);
    float: left;
    margin-left: 5%;
    overflow: auto;
}

.gedetails-text {
    width: 100%;
    height: 60px;
    float: left;
}

.gedetails-text-title {
    width: 70%;
    height: 100%;
    float: left
}

.gedetailsCollect {
    width: 30%;
    float: left;
    text-align: center;
    line-height: 60px;
    color: #999;
}

.gedetailsDot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999;
    float: left;
    margin-top: 3px;

}

.gedetails-sned {
    width: 90%;
    height: 20vh;
    float: left;
    margin-left: 5%;
}

.gedetailsp {
    margin-left: 5%;
}

.gedetailsBtn {
    width: 90%;
    height: 40px;
    float: left;
    text-align: center;
}

.btn {
    width: 60px;
    height: 40px;
    color: #999;
    border: solid 1px #999;
    border-radius: 35%;
}

.gedetailsGrid {
    width: 100%;
    height: 30vh;
    float: left;
}

.gedetailsTabs {
    width: 100%;
    height: 100vh;
    float: left;

}

.gedetailsGrid{
    width: 100%;
    height: 35vh;
    float: left;
    
}




.demo-tabs {
    position: sticky;
    top: 0;
    z-index: 0;
}
